<template>
  <Top-Page class="detail-rule-wrap">
    <cu-custom bgColor="bg-gradual-white" :isBack="true">
      <template #backText></template>
      <template #content>贡献值规则</template>
    </cu-custom>

    <!-- <view class="list">
      <Cell label="星级" content="贡献值">
        <view class="cell-right">加权比例</view>
      </Cell>

      <Cell v-for="item in list" :label="item.label" :content="item.value">
        <view class="cell-right">{{ item.ratio }}</view>
      </Cell>
    </view> -->

    <image class="ratio-img" src="../../static/image/ratio.png" mode="widthFix" />

    <view class="explain">
      <view class="explain-li">①在平台VIP服务费消费全部自动升星;</view>
      <view class="explain-li">②权票1:30，积分1:3,爱心豆1:2;</view>
      <view class="explain-li">③星级共享财富列表(加权百分比);</view>
      <view class="explain-li">④每分一次钱，贡献值同比减少;</view>
      <view class="explain-li">⑤共享社交创富平台，让花出去的钱，成为源源不断分钱的种子。(平台每季度分一次);</view>
      <view class="explain-li">⑥分出去提现的钱按国家税务规定主动缴税，由公司代缴代扣。</view>
    </view>
  </Top-Page>
</template>

<script>
// import Cell from '@/components/Cell/Cell.vue';
export default {
  data() {
    return {};
  }
  // components: { Cell },
};
</script>

<style lang="scss" scoped>
.detail-rule-wrap {
  width: 750rpx;
  min-height: 100vh;
  background-color: #fff;

  .ratio-img {
    width: 100%;
  }

  .list,
  .explain {
    padding: 40rpx;
  }

  .explain-li {
    margin-top: 8rpx;
  }

  // :deep(.cell-left),
  // :deep(.cell-content),
  // .cell-right {
  //   flex: 1;
  //   text-align: center;
  //   flex-shrink: 0;

  //   .cell-label {
  //     width: auto;
  //     flex: 1;
  //   }
  // }

  // :deep(.cell-content) {
  //   flex: 2;
  // }
}
</style>
